﻿@{
    Layout = null;
}
<script src="~/Scripts/js/Account_koViewModelScript.js"></script>
<script>
    $(document).ready(function () {
        var myPasswordReset = new AccountViewModel();
        var mainDiv = document.getElementById('Main');
        ko.applyBindings(myPasswordReset, mainDiv);
    });
</script>
<div id="PasswordReset">
<div id="register-error" class="alert alert-danger" style="display:none;">
 <button class="close"  type="button" onclick="$('.alert').hide()">×</button>
<i class="icon-white icon-warning-sign"></i> <strong> Error</strong>
<a id="error-dis"></a> 
</div>

<div id="success-msg" class="alert alert-success" style="display:none;">
 <button class="close"  type="button" onclick="$('.alert').hide()">×</button>
<i class="icon-white icon-warning-sign"></i> <strong> Message</strong>
<a id="success-dis"></a> 
</div>
    <form id="PasswordResetForm" data-bind="enterkey: ResetPassword" >
        <fieldset>
            <legend>Reset Password</legend>
            <p>
                <label for="UserName">User Name</label>
                <em></em>
                <input type="text" id="UserName" name="UserName" class="required" data-bind="value: UserName" />
            </p>
            <p>
                <input class="btn btn-primary btn-large" type="submit" value="Submit" data-bind="click: ResetPassword" />
            </p>
        </fieldset>
    </form>

</div>
